<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="./util.js"></script>
    <script>
        //调用封装好的Pajax函数
        Pajax({
            //将地址和数据对象作为参数传进函数内
            //这里的地址是文章news的地址
            url:"http://localhost:3000/news",
            data:{
                //获取标题为这个的文章
                title:"小黑子露出鸡脚了吧"
            }
        })
        //假如Pajax函数内的Promise方法执行成功的话，就调用promise对象then方法
        .then(res=>{
            //这里的res就是上面获取到的结果传进来
            //再调用封装好的Pajax函数，获取文章相对应的评论
            return Pajax({
                //return就是为了可以让格式更好看一点（更优雅）
                //假如没有return，那之后调用的then方法就要嵌套在函数里面，还是要下地狱
                //这里的地址就是评论comments的地址
                url:"http://localhost:3000/comments",
                data:{
                    //因为json文件里评论的newsId是与文章的id一致的
                    //所以newsId就是获取到的那篇文章的id
                    newsId:res[0].id
                }
            })
        })
        //上面then方法里的promise方法成功的话，就继续执行then方法
        .then(res=>{
            //这里的结果就是通过newId找到与文章相关联的评论
            console.log(res);
        })
        //假如上面的传入的参数（地址、数据对象）有错误或在json文件中找不到的话，就不执行then，执行catch方法
        //抓取错误
        .catch(err=>{
            console.log(err,"错误的请求");
        })
    </script>
</body>

</html>